﻿/* ********** MENU BASICS */
/* container TD for menu */
#menuContainer {
	width: 200px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#B1B1B1,direction=145,strength=1);
}
/* container DIV for menu */
.menuPartContainer {
	background-color: #F7F7F7;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #B1B1B1;
	border-right-color: #B1B1B1;
	border-bottom-color: #B1B1B1;
}
/* container TD for menu fold icon */
#menuFoldContainer {
	width: 9px;
	padding-top: 0;
}
/* all tab objects */
.tabObject {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 60%;
	font-weight: bold;
	color: #2A4D25;
	margin-top: 5px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
}
div.tabObject img {
	position: relative;
	top: 1px;
	margin-right: 5px;
}
div.tabObject a:link, div.tabObject a:visited {
	color: #2A4D25;
	text-decoration: none;
}
div.tabObject a:active, div.tabObject a:hover {
	color: #000000;
	text-decoration: underline;
}
/* category picker */
.addCategory {
	margin-top: 1px;
	position: absolute;
	right: 0;
}
a.addCategory img {
	position: relative;
	top: 0;
	right: 0;	
	margin-left: 4px;
}
/* all menu objects */
.menuObject {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 60%;
	font-weight: normal;
	color: #217183;
	margin-right: 1px;
}
div.menuObject img {
	margin-right: 5px;
}
div.menuObject a:link, div.menuObject a:visited  {
	color: #217183;
	text-decoration: none;
}
div.menuObject a:active, div.menuObject a:hover {
	color: #000000;
	text-decoration: underline;
}

div.menuObject span.noAction {
	font-style: italic;
	color: #B1B1B1;
}
/* left adjust text after icons */
div.menuObject div, div.tabOject div {
	margin-left: 13px;
	text-indent: -13px;
}
/* ********** /MENU BASICS */

/* ********** MENU MAIN AREA */
/* main tabs (structure/recent items) */
.menuMainTab
{
    height: 23px;
    background-image: url('../images/sc_menu/menu_tab_default.gif');
    background-repeat: repeat-x;
    background-color: #FAFAF9;
    overflow: hidden;
}
/* product tab (color corresponds with current product color (see publech-general-styles.css/PRODUCTS) */
.menuToolTab {
	height: 23px;
	background-image: url('../images/sc_menu/menu_tooltab_default.gif');
	background-position: right;
	background-repeat: repeat-x;
	background-color: #FAFAF9;
	overflow: hidden;
}
/* menu end */
.menuEnd {
	width: 200px;
	height: 26px;
	background-image: url('../images/sc_menu/menu_end.gif');
	background-position: left;
	background-repeat: no-repeat;
	display: none;
}

/* *** STRUCTURE */
/* structure container */
#menuItemsStructure {
	padding-bottom: 21px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #B1B1B1;
}
/* library menu structure */
div#libraryMenu div#menuItemsStructure {
	height: 397px;
} 
/* menu object */
div#menuItemsStructure div.menuObject {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #E6E6E6;
}
div#menuItemsStructure div.menuObject div {
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #E6E6E6;
}

/* links - menu object */
div#menuItemsStructure div.menuObject a:link, div#menuItemsStructure div.menuObject a:visited {
	color: #217183;
	text-decoration: none;
}
div#menuItemsStructure div.menuObject a:active, div#menuItemsStructure div.menuObject a:hover {
	color: #000000;
	text-decoration: underline;
}
/* active level */
div#menuItemsStructure div.menuActiveLevel div.menuObject {
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #E6E6E6;
	background-color: #F9F1E9;
}
/* links - active level */
div#menuItemsStructure div.menuActiveLevel div.menuObject a:link, div#menuItemsStructure div.menuActiveLevel div.menuObject a:visited {
	color: #000000;
	text-decoration: none;
}
div#menuItemsStructure div.menuActiveLevel div.menuObject a:active, div#menuItemsStructure div.menuActiveLevel div.menuObject a:hover {
	color: #000000;
	text-decoration: underline;
}
/* passed level */
div#menuItemsStructure div.menuPassedLevel div.menuObject {
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #DBDBDB;
	background-color: #E6E6E6;
}
/* links - passed level */
div#menuItemsStructure div.menuPassedLevel div.menuObject a:link, div#menuItemsStructure div.menuPassedLevel div.menuObject a:visited {
	color: #217183;
	text-decoration: none;
}
div#menuItemsStructure div.menuPassedLevel div.menuObject a:active, div#menuItemsStructure div.menuPassedLevel div.menuObject a:hover {
	color: #000000;
	text-decoration: underline;
}
/* first level */
div#menuItemsStructure div.menuLevelOne div.menuObject {
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #DBDBDB;
	background-color: #F7F7F7;
}
/* links - first level */
div#menuItemsStructure div.menuLevelOne div.menuObject a:link, div#menuItemsStructure div.menuLevelOne div.menuObject a:visited {
	color: #217183;
	text-decoration: none;
}
div#menuItemsStructure div.menuLevelOne div.menuObject a:active, div#menuItemsStructure div.menuLevelOne div.menuObject a:hover {
	color: #000000;
	text-decoration: underline;
}
/* *** /STRUCTURE */

/* *** TOOL STRUCTURE */
/* tool structure container */
#menuItemsToolStructure {
	padding-bottom: 21px;
}
/* tab object */
div.menuToolTab div.tabObject {}
/* links - tab object */
div.menuToolTab div.tabObject a:link, div.menuToolTab div.tabObject a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
div.menuToolTab div.tabObject a:active, div.menuToolTab a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/* menu object */
div#menuItemsToolStructure div.menuObject {
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #E6E6E6;
}
/* links - menu object */
div#menuItemsToolStructure div.menuObject a:link, div#menuItemsToolStructure div.menuObject a:visited {
	color: #217183;
	text-decoration: none;
}
div#menuItemsToolStructure div.menuObject a:active, div#menuItemsToolStructure div.menuObject a:hover {
	color: #000000;
	text-decoration: underline;
}
/* active level */
div#menuItemsToolStructure div.menuActiveLevel div.menuObject {
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #E6E6E6;
	background-color: #F9F1E9;
}
/* links - active level */
div#menuItemsToolStructure div.menuActiveLevel div.menuObject a:link, div#menuItemsToolStructure div.menuActiveLevel div.menuObject a:visited {
	color: #000000;
	text-decoration: none;
}
div#menuItemsToolStructure div.menuActiveLevel div.menuObject a:active, div#menuItemsToolStructure div.menuActiveLevel div.menuObject a:hover {
	color: #000000;
	text-decoration: underline;
}
/* passed level */
div#menuItemsToolStructure div.menuPassedLevel div.menuObject {
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #DBDBDB;
	background-color: #E6E6E6;
}
/* links - passed level */
div#menuItemsToolStructure div.menuPassedLevel div.menuObject a:link, div#menuItemsToolStructure div.menuPassedLevel div.menuObject a:visited {
	color: #217183;
	text-decoration: none;
}
div#menuItemsToolStructure div.menuPassedLevel div.menuObject a:active, div#menuItemsToolStructure div.menuPassedLevel div.menuObject a:hover {
	color: #000000;
	text-decoration: underline;
}
/* first level */
div#menuItemsToolStructure div.menuLevelOne div.menuObject {
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #DBDBDB;
	background-color: #F7F7F7;
}
/* links - passed level */
div#menuItemsToolStructure div.menuLevelOne div.menuObject a:link, div#menuItemsToolStructure div.menuLevelOne div.menuObject a:visited {
	color: #217183;
	text-decoration: none;
}
div#menuItemsToolStructure div.menuLevelOne div.menuObject a:active, div#menuItemsToolStructure div.menuLevelOne div.menuObject a:hover {
	color: #000000;
	text-decoration: underline;
}
/* *** /TOOL STRUCTURE */

/* ********** /MENU MAIN AREA */

/* ********** RECENT ITEMS */
/* divider above recent items */
#menuRecentItemsDivider {}

/* recent items container */
#menuRecentItems {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #E6E6E6;
/*	display: block;*/
}
#menuItemsRecentItems {}
/* tab object */
div#menuRecentItems div.menuMainTab {
	background-image: url('../images/sc_menu/menu_tab_recent.gif');
	background-position: right;
	background-repeat: repeat-x;
	background-color: #FAFAF9;
}
/* links - tab object */
div#menuRecentItems div.tabObject a:link, div#menuRecentItems div.tabObject a:visited {}
div#menuRecentItems div.tabObject a:active, div#menuRecentItems div.tabObject a:hover {}
/* menu object */
div#menuItemsRecentItems div.menuObject {
	font-weight: normal;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #E6E6E6;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
}
/* links - menu object */
div#menuRecentItems div.menuObject a:link, div#menuRecentItems div.menuObject a:visited {}
div#menuRecentItems div.menuObject a:active, div#menuRecentItems div.menuObject a:hover {}
/* ********** /RECENT ITEMS */

/* ********** CURRENT TOOLS */
/* current tools container */
#menuCurrentTools {
	background-color: #5A8F52;
}
#menuItemsCurrentTools {
	padding-top: 1px;
	padding-bottom: 2px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #FAFAF9;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FAFAF9;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color:  #FAFAF9;
}
/* current tools tab */
.menuToolsTab {
	height: 21px;
	background-image: url('../images/sc_menu/menu_tab_tools.gif');
	background-position: right;
	background-repeat: repeat-x;
	background-color: #5A8F52;
	border-style: solid;
	border-width: 1px;
	border-color: #FAFAF9;
	overflow: hidden;
}
/* library current tools */
div#libraryMenu div#menuItemsCurrentTools {
	height: 100px;
	padding-bottom: 22px;
}
/* current tools tab - text color */
div.menuToolsTab div.tabObject {
	color: #FFFFFF;
}
/* links - tab object */
div#menuItemsCurrentTools div.tabObject a:link, div#menuItemsCurrentTools div.tabObject a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
div#menuItemsCurrentTools div.tabObject a:active, div#menuItemsCurrentTools div.tabObject a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
/* menu object */
div#menuItemsCurrentTools div.menuObject {
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	margin-left: 1px;
	border: none;
}
/* links - menu object */
div#menuItemsCurrentTools div.menuObject a:link, div#menuItemsCurrentTools div.menuObject a:active, div#menuItemsCurrentTools div.menuObject a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
div#menuItemsCurrentTools div.menuObject a:active, div#menuItemsCurrentTools div.menuObject a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
/* divider for item groups */
.menuCurrentToolsDivider {
	height: 3px;
	font-size: 1px;
	line-height: 0;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #FAFAF9;
	margin-right: 1px;
	margin-bottom: 1px;
}
/* no actions available */
div#menuItemsCurrentTools span.noAction {
	font-style: italic;
	color: #FFFFFF;
}
/* ********** /CURRENT TOOLS */

/* ********** HIGHLIGHTS */
/* mark current active level */
div#currentActiveLevel {
	margin-top: 2px;
	margin-left: 1px;
	margin-right: 2px;
	margin-bottom: 2px;
}
div#currentActiveLevel div.menuObject {
	background-color: #F9F1E9;
}
/* current active level links */
div#currentActiveLevel div.menuObject a:link, div#currentActiveLevel div.menuObject a:visited {
	text-decoration: none;
	color: #000000;
}
div#currentActiveLevel div.menuObject a:active, div#currentActiveLevel div.menuObject a:hover {
	text-decoration: underline;
	color: #000000;
}
/* ********** /HIGHLIGHTS */
/* ********** POPUP EXTRAS */
/* ** library current tools */
div#libraryMenu div#menuItemsCurrentTools {
	height: 100px;
	padding-bottom: 22px;
}
/* ** library menu structure */
div#libraryMenu div#menuItemsStructure {
	height: 425px;
} 
/* ** picker scroll area */
div.pickerPopupScroll {
	width: 100%;
	height: 200px;
	overflow: scroll;
}
div#categoryPicker div#menuItemsStructure {
	height: 158px;
}
div.pickerPopupScroll, div.pickerPopupScroll div {
	position: relative;
}
/* ** category picker */
.addCategory {
	margin-top: 1px;
	position: absolute;
	right: 0;
}
a.addCategory img {
	position: relative;
	top: 0;
	right: 0;
	margin-left: 4px;
}
/* ** Menu picker */
.menuPickeradd {
	margin-top: 1px;
	position: absolute;
	right: 0;
}
a.menuPickeradd img {
	position: relative;
	top: 0;
	right: 0;
	margin-left: 4px;
}
/* ********** /POPUP EXTRAS */

/* ********** NAVIGATION MENU*/
/* CONTAINER */
.menu {
	margin-bottom: 0;
	width: 200px;
	font-size: 85%;
	border-bottom: solid 1px #b1b1b1;
}
.menu ul {
	background-color: #FAF9F9;
}

/* LIST ITEMS */
/* ul; root level */
.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/* li */
.menu li {
	margin: 0;
	padding: 0;
}
/* li + div; default */
.menu li div {
	line-height: normal;
	padding-top: 4px;
	padding-left: 13px;
	padding-right: 8px;
	padding-bottom: 3px;
}
/* li li + div; sub levels */
.menu li li div {
	padding-bottom: 3px;
}

/* COLORS (LI) */
/* li; root level */
.menu ul li div {
	border-top: solid 1px #b1b1b1;
	border-right: solid 1px #B1B1B1;
}



/* DEFAULTS */
.menu ul li div {
	background-image: url('../images/sc_menu/icon-menu-closed.gif'); /*url(icon-menu-closed.gif);*/
	background-position: left 8px;
	background-repeat: no-repeat;
}
.menu ul div.open {
	background-image: url('../images/sc_menu/icon-menu-open-vertical.gif'); /*url(icon-menu-open-vertical.gif);*/
	background-position: left 8px;
	background-repeat: no-repeat;
}

/* LEVELS */
/* Root level */
li.root { background-color: #FAF9F9; }

/* Expanded level */
.menu li.expanded ul {
	background-color: #D3D6D9;
}
.menu li.expanded div.open {
	background-color: #D3D6D9;
}

/* Passed levels */
.menu li.expanded li div.open {
	background-color: #D3D6D9;
}

/* Parent level */
.menu div.open {
	background-color: #D2D8E3;
}
.menu li.parent ul li {
	margin-left: 0;
}
.menu li.parent ul {
	background-color: #E9EBEC;
}
.menu li.parent ul li ul {
	background-color: #E9EBEC;
}

.menu ul li.child div.open {
	background-color: #E9EBEC;
}



/* Child level */
.menu ul li.child ul {
	background-color: #E9EBEC;
}
.menu ul li.child ul li {
	margin-left: 10px;
}
.menu li.child ul li div {
	border-top-color: #D9D9D9;
	background-color: #FEFEFE;
}
.menu ul li.child div.open {
	background-image: url('../images/sc_menu/icon-menu-open-diagonal.gif'); /*url(icon-menu-open-diagonal.gif);*/
	background-position: left 8px;
	background-repeat: no-repeat;
}

/* Selected level */
.menu ul li.child div.selected {
	background-image: url('../images/sc_menu/icon-menu-selected.gif'); /*url(icon-menu-selected.gif);*/
	background-position: left 8px;
	background-repeat: no-repeat;
}

.menu li.indent
{
   margin-left: 10px; 
}
.menu li.parent ul li.indent {
	margin-left: 10px; 
}

/* LINKS */
/* General */
.menu li div a {  }
/* Default */
.menu a:link {
	color: #000000;
	text-decoration: none;
}
.menu a:active {
	color: #000000;
	text-decoration: none;
}
.menu a:visited {
	color: #000000;
	text-decoration: none;
}
.menu a:hover {
	color: #000000;
	text-decoration: underline;
}
/* Open */
.menu li div.open a {
	font-weight: bold;
}
/* Selected */
.menu div.selected a:link {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.menu div.selected a:active {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.menu div.selected a:visited {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.menu div.selected a:hover {
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
/* ********** /NAVIGATION MENU*/